<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>袋鼠好车中奖名单</title>
</head>
<style type="text/css">
    *{
        padding:0;
        margin:0;
    }
    body{
        background:darkred;
    }
    .header{
        text-align:center;
        margin:50px 0;
    }
    .header > h1{
        color:#ffffff;
        letter-spacing:20px;
        margin-bottom:20px;
    }
    .header > div{
        color:#ff9a14;
    }
    .content{
    }
    .content-header{
        text-align:center;
        color:#ffffff;
    }
    .content-header > span{
        display:block;
        height:0px;
        width:110px;
        line-height:40px;
        letter-spacing:6px;
        margin:0 auto;
        border-bottom:40px solid #ec9314;
        border-left:20px solid transparent;
        border-right:20px solid transparent;
    }
    .content-roster{
        width:60%;
        border-radius:4px;
        border:6px solid #ec9314;
        padding:20px 30px;
        background:#d19b9b;
        margin:0 auto;
    }
    .content-roster > ul{
        list-style:none;
    }
    .content-roster li{
        margin-bottom:10px;
    }
    .roster-title{
        color:#a1453a;
        font-size:16px;
        padding:12px 0;
    }
    .roster-title > div{
        width:200px;
        display:inline-block;
    }
    .roster-title > span{
        padding:0 100px;
    }
    .roster-tel-roster{
        margin-right:20px;
        float:left;
    }
    .roster-tel-content{
        overflow:hidden;
    }
    .roster-tel-content > span{
        display:inline-block;
        width:32%;
        box-sizing:content-box;
        margin-bottom:10px;
        text-align:center;
    }
</style>
<body>
<div class="header">
    <h1>袋鼠好车分享财富招商会</h1>
    <div>
        现场抽奖活动
    </div>
</div>
<div class="content">
    <div class="content-header">
				<span id="">
					中奖名单
				</span>
    </div>
    <div class="content-roster">
        <ul>
            <li>
                <div class="roster-title">
                    <div>幸运奖：SPA体验券</div>
                    <span id="">
								共<?php echo isset($data[1]) ? count($data[1]) : 0; ?>名
							</span>
                </div>
                <div class="roster-tel">
                    <div class="roster-tel-roster">
                        中奖名单
                    </div>
                    <div class="roster-tel-content">
                        <?php if (isset($data[1])) { ?>
                        <?php foreach ($data[1] as $v) { ?>
                        <span><?php echo str_replace(substr($v['phone'], 3, 4), '****', $v['phone']) ?></span>
                        <?php }
              } ?>
                    </div>
                </div>
            </li>
            <li>
                <div class="roster-title">
                    <!--          <div>二等奖：金袋鼠会员资格</div>-->
                    <!--          <span id="">-->
                    <!--								共--><?php //echo isset($data[2]) ? count($data[2]) : 0; ?><!--名-->
                    <!--							</span>-->
                </div>
                <div class="roster-tel">
                    <div class="roster-tel-roster">
                        <!--            中奖名单-->
                    </div>
                    <!--          <div class="roster-tel-content">-->
                    <!--              --><?php //if (isset($data[2])) { ?>
                    <!--                  --><?php //foreach ($data[2] as $v) { ?>
                    <!--                  <span>--><?php //echo str_replace(substr($v['phone'], 3, 4), '****', $v['phone']) ?><!--</span>-->
                    <!--                  --><?php //}
//              } ?>
                    <!--          </div>-->
                </div>
            </li>
            <li>
                <div class="roster-title">
                    <!--          <div>三等奖：SPA体验券</div>-->
                    <!--          <span id="">-->
                    <!--								共--><?php //echo isset($data[3]) ? count($data[3]) : 0 ?><!--名-->
                    <!--							</span>-->
                </div>
                <div class="roster-tel">
                    <div class="roster-tel-roster">
                        <!--            中奖名单-->
                    </div>
                    <div class="roster-tel-content">
                        <!--              --><?php //if (isset($data[3])) { ?>
                        <!--                  --><?php //foreach ($data[3] as $v) { ?>
                        <!--                  <span>--><?php //echo str_replace(substr($v['phone'], 3, 4), '****', $v['phone']) ?><!--</span>-->
                        <!--                  --><?php //}
//              } ?>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
